<!--
 * @Author: your name
 * @Date: 2021-07-07 14:55:57
 * @LastEditTime: 2021-07-07 17:55:37
 * @LastEditors: DESKTOP-3LI1LES
 * @Description: In User Settings Edit
 * @FilePath: \xingbake\common-questiongj.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
    integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/common-queston.css">

    
    <title>常见问题</title>
</head>
<body>
    <div class="all">
        <div class="container-fluid">
            <div class="row justify-content-end">
                <div class="col-lg-4 position-fixed border-right leftCon">
                    <!-- 导航栏 -->
                    <header class="navbar d-none d-sm-flex px-0 px-lg-3 py-3 py-lg-4">
                        <a href="#" class="navbar-brand"><img src="images/logo.svg" alt="" width="36"></a>
                        <ul class="nav mr-auto">
                            <li class="nav-item">
                                <a href="#" class="nav-link text-dark font-weight-bold">门店</a>
                            </li>
                            <li class="nav-item">
                                <a href="#" class="nav-link text-dark font-weight-bold">我的账户</a>
                            </li>
                            <li class="nav-item">
                                <a href="#" class="nav-link text-dark font-weight-bold">菜单</a>
                            </li>
                        </ul>
                        <span class="iconfont icon-menu" id="showBtn"></span>
                    </header>
                    <!-- 左侧：帮助中心 -->
                    <div class="see">
                        <p style="font-size: 32px;font-weight: bold;">帮助中心</p>
                        <div class="one"><a href="">全部</a></div>
                        <div class="one"><a  href="">星巴克在中国常见的问题</a></div>
                        <div class="one"><a href="">星享俱乐部常见问题解答</a></div>
                        <div class="one"><a  href="">星享俱乐部会员星礼包的常见问题解答</a></div>
                        <div class="one"><a href="">星巴克专星送常见问题</a></div>
                        <div class="one"><a  href="">啡快服务常见问题</a></div>
                        <div class="one"><a href="./work.html">星礼卡常见问题</a></div>
                        <div class="one"><a  href="">星巴克移动应用常见问题</a></div>
                        <div class="one"><a href="">电子发票常见问题解答</a></div>
                        <div class="one"><a  href="">星巴克线上点单门店列表</a></div>
                        <div class="one"><a href="">甄选店和旗舰店清单</a></div>
                    </div>
                    <!-- 点击菜单后要展示的内容 -->
                    <div class="d-flex bg-white flex-column justify-content-between position-absolute menu hide">
                        <header class="navbar d-flex px-0 px-lg-3 py-3 py-lg-4">
                            <a href="#" class="navbar-brand"><img src="images/logo.svg" alt="" width="36"></a>
                            <span class="iconfont icon-guanbi" id="closeBtn"></span>
                        </header>
                        <div class="list">
                            <ul class="list-unstyled mx-sm-5 pl-sm-5">
                                <li><a href="#" class="font-weight-bold text-dark py-2 d-block">门店</a></li>
                                <li><a href="#" class="font-weight-bold text-dark py-2 d-block">星享俱乐部</a></li>
                                <li><a href="#" class="font-weight-bold text-dark py-2 d-block">菜单</a></li>
                                <hr>
                                <li><a href="#" class="font-weight-bold text-dark py-2 d-block">星巴克移动应用</a></li>
                                <li><a href="#" class="font-weight-bold text-dark py-2 d-block">星礼卡</a></li>
                                <li><a href="#" class="font-weight-bold text-dark py-2 d-block">星巴克臻选™</a></li>
                                <li><a href="#" class="font-weight-bold text-dark py-2 d-block">啡快™ － 在线点 到店取</a></li>
                                <li><a href="#" class="font-weight-bold text-dark py-2 d-block">专星送™</a></li>
                                <li><a href="#" class="font-weight-bold text-dark py-2 d-block">咖啡星讲堂</a></li>
                                <li><a href="#" class="font-weight-bold text-dark py-2 d-block">上海烘焙工坊</a></li>
                                <li><a href="#" class="font-weight-bold text-dark py-2 d-block">关于星巴克</a></li>
                                <li><a href="#" class="font-weight-bold text-dark py-2 d-block">帮助中心</a></li>
                                <hr>
                            </ul>	
                        </div>
                    </div>
    
                </div>
            </div>
        </div>
        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
		integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
		crossorigin="anonymous"></script>
        <script src="https://code.jquery.com/jquery-1.8.1.min.js" type="text/javascript"></script>   
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
		integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
		crossorigin="anonymous"></script>
        <script rel="stylesheet" src="js/common-question.js"></script>
	<!-- <script>
		$('#showBtn').on('click',function(){
			$('.menu').removeClass('hide').addClass('show');
			shadowMenu();
		});
		$('#closeBtn').on('click',function(){
			$('.menu').removeClass('show').addClass('hide');
			shadowMenu();
		}); 
    $(document).ready(function(){    
        $(".MenuPanel").each(function(){    
            $(this).children(".MenuContent").hide();    
        });    
            
        $(".MenuTitle").each(function(){    
            $(this).click(function(){    
                    
                if($(this).parents(".MenuPanel").children(".MenuContent").css("display") != "none"){    
                    $(this).parents(".MenuPanel").children(".MenuContent").slideUp();       
                }else{    
                    $(this).parents(".MenuPanel").children(".MenuContent").slideDown();    
                }    
            });    
                
        });    
        
    }); 
    var flag = true;
			function change(){
				if(flag) {
					$(".text").css("transform","rotate(135deg)");
					flag = false;
				}else {
					$(".text").css("transform","rotate(-45deg)");
					flag = true;
				}
			} 
	</script> -->
<!-- 星礼卡常见问题右侧 -->
        <div class="right">
            <h1>星礼卡常见问题</h1><br>
            <form id="form1">    
                <div>    
                    <div class="MenuPanel">    
                        <div class="MenuTitle">1.星礼卡是什么？<span class="text" onclick="change()"></span><br><h5>星礼卡是星巴克（上海）商业有限公司以下简称“发卡人”）发行的预付卡产品，
                            可供持卡人在中国大陆</h5></div>    
                        <div class="MenuContent">    
                                指定的星巴克门店（以下简称“星巴克门店”）消费
                                使用(<a href="https://www.starbucks.com.cn/help/legal/stores-that-do-not-accept-starbucks-gift-cards/">点击查询不可受理星礼卡的门店列表</a>）。
                                 星礼卡受<br><br>发卡人制定并不时修订的《星巴克单用途商业预付卡章程》（以下简称“章程”）约束（<a href="https://www.starbucks.com.cn/help/legal/terms-of-starbucks-gift-card/">点击查询</a>）。
                                若本常<br><br>见问题解答与该章程的规定有任何不一致的，以章程的规定为准。<br />        
                        </div>    
                    </div>    
                    <div class="MenuPanel">    
                        <div class="MenuTitle">2.星礼卡是否是记名卡？<span class="text1" onclick="change1()"></span><br><h5>星礼卡为不记名卡。但当您使用星礼卡注册成为星享俱乐部会员时，你需要提
                            供您的姓名等信息。</h5></div>    
                        <div class="MenuContent"></div>    
                    </div>    
                    <div class="MenuPanel">    
                        <div class="MenuTitle">3.星礼卡有有效期吗？<span class="text2" onclick="change2()"></span><br><h5>星礼卡有效期不少于三年，自激活之日或末次充值之日（如适用）起算；具体日期可
                            自行通过www.star</h5></div>    
                        <div class="MenuContent">    
                            bucks.com.cn网站或在星巴克中国app中点击：我-我的客服，获得帮助。<br />      
                        </div>    
                    </div>    
                    <div class="MenuPanel">    
                        <div class="MenuTitle">4.如何购买星礼卡？<span class="text3" onclick="change3()"></span><br><h5>在有效期届满后，将自动延期30天，发卡人将于该延期期限到期日的次月第一个工作日从该
                            预付卡账户</h5></div>    
                        <div class="MenuContent">    
                                中扣除此次延期的延期管理费。之后的延期期限、延期方式以此类推。 延期管
                                理费按有效期到期日该星礼卡<br><br>余额的1%收取，但最低为人民币2元。若在此次延期的到期日
                                星礼卡账户内仍有余额，将再自动延期30天，<br><br>发卡人将于该第二次延期期限到期日的次月第
                                一个工作日从该卡账户中扣除第二次延期的延期管理费；延期<br><br>管理费按前一次延期到期日该
                                星礼卡账户余额的1%收取，但最低为人民币2元。之后延期管理费的计算与收<br><br>取以此类推。延
                                期管理费将直接从该卡账户余额中扣取，直至扣完为止。<br />    
                        </div>    
                    </div> 
                    <div class="MenuPanel">    
                        <div class="MenuTitle">5.卡片过期后怎么办？<span class="text4" onclick="change4()"></span><br><h5>您可以在中国大陆境内指定的星巴克门店（点击查询不可销售星礼卡的门店列表）通过其可
                            接受的支付</h5></div>    
                        <div class="MenuContent">    
                                方式进行购买。您也可以在其他售卡渠道（例如，星巴克移动应用（以下简称“星
                                巴克App”）、星巴克天猫<br><br>官方旗舰店starbucks.tmall.com）（以下简称“星巴克天猫旗舰店”）
                                通过其可接受的支付方式进行购买。目<br><br>前，购买星礼卡不收取制卡费或手续费。 如有大宗购买
                                需求，请在星巴克中国app中点击：我-我的客服，获<br><br>得帮助。  
                        </div>    
                    </div> 
                    <div class="MenuPanel">    
                        <div class="MenuTitle">6.购买时需要提供个人身份信息吗？<span class="text5" onclick="change5()"></span><br><h5>您一次性购卡金额总计在人民币10000元以下（不含）时，您无需提供个人身份信息。 
                            当您一次如性购</h5></div>    
                        <div class="MenuContent">    
                            卡金额总计在人民币10000元以上（含）时，个人需提供其本人身份证件的原件
                                （代他人购买时，需同时提<br><br>供本人及代理人的个人身份证件的原件），单位经办人需持单位的营
                                业执照原件或组织机构代码证原件以及<br><br>经办人个人身份证件的原件，进行实名认证。 实名认证应
                                向发卡人、发卡人指定的充值渠道或在星巴克中国<br><br>app中点击：我-我的客服，获得帮助。   
                        </div>    
                    </div> 
                    <div class="MenuPanel">    
                        <div class="MenuTitle">7.星礼卡可以在哪些地区使用？<span class="text6" onclick="change6()"></span><br><h5>您可以持卡在中国大陆境内指定的星巴克门店消费使用（点击查询<a href="https://www.starbucks.com.cn/help/legal/stores-that-do-not-accept-starbucks-gift-cards/">不可受理星礼卡的门店列表</a>）。</h5></div>    
                        <div class="MenuContent"></div>    
                    </div>   
                </div>    
                </form>    
        </div>
    </div>
</body>
</html>
